<!--
 * @Author: xfworld
 * @Date: 2020-06-04 09:28:52
 * @LastEditors: xfworld
 * @LastEditTime: 2020-06-05 17:11:04
 * @Description: 
-->
<template>
  <div class="loading" v-show="loading">
    <van-loading size="24px" type="spinner" color="#000" vertical>
      页面加载中...
    </van-loading>
  </div>
</template>
<script>
import {mapGetters} from "vuex";
export default {
  name: "loading",
  computed: {
    ...mapGetters("app", ["loading"])
  }
};
</script>
<style lang="less" scoped>
.loading {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
}
</style>
